import React from "react";
import { Card, Avatar, Descriptions } from "antd";
import { UserOutlined } from "@ant-design/icons";

const Profile: React.FC = () => {
  return (
    <Card title="个人信息">
      <div style={{ textAlign: "center", marginBottom: 24 }}>
        <Avatar size={64} icon={<UserOutlined />} />
        <h2 style={{ marginTop: 16 }}>管理员</h2>
      </div>
      <Descriptions bordered>
        <Descriptions.Item label="用户名">admin</Descriptions.Item>
        <Descriptions.Item label="角色">管理员</Descriptions.Item>
        <Descriptions.Item label="邮箱">admin@example.com</Descriptions.Item>
        <Descriptions.Item label="手机号">13800138000</Descriptions.Item>
        <Descriptions.Item label="注册时间">2024-01-01</Descriptions.Item>
        <Descriptions.Item label="最后登录">2024-03-15</Descriptions.Item>
      </Descriptions>
    </Card>
  );
};

export default Profile;
